import {createRouter, createWebHashHistory} from 'vue-router'

const routes = [
    {
        path: '/rule',
        name: 'rule',
        component: () => import('../views/RuleView')
    }, {
        path: '/card/:id',
        name: 'Card',
        component: () => import('../views/CardView')
    }, {
        path: '/connect',
        name: 'connect',
        component: () => import('../views/ConnectView')
    },{
        path: '/',
        name: '/',
        component: () => import('../views/ConnectView')
    },{
        path: '/battle',
        name: 'battle',
        component:()=>import('../views/BattleView')
    }
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router
